<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/zx.css">
    <link rel="stylesheet" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../font/font_zx/iconfont.css">
    <title>X</title>
</head>

<body>
    <div id="mulu" class="ShouyeG">
        <span>首页 / 内容管理 / <i>栏目管理</i></span>
        <h3>栏目管理</h3>
    </div>
    <div class="row">
        <!-- 左边黑框 -->

        <!-- 右边灰框 -->
        <div class="whites col-md-12">
            <!-- 主内容 -->
            <div id="columnList">
                <h3 class="columnTitle">栏目列表</h3>
                <div>
                    <button id="columnAdd" onclick="addToContent()"><span class="iconfont icon-zengjia"></span>
                        添加</button>
                    <button id="columnDel" onclick="deleteSelected()"><span class="iconfont icon-shanchu"></span>
                        删除</button>
                </div>
                <div id="selected"><span class="iconfont icon-gantanhao"></span>已选择<span
                        id="lingLing">0</span>项，可以进行批量操作</div>


                <!-- 表格 -->
                <div id="tdheight">
                    <table class="table">
                        <thead>
                            <tr>
                                <th><img src="../images/zximg/多选框-复选.png" alt=""></th>
                                <th class="col-md-2">栏目名称</th>
                                <th class="col-md-2">栏目顺序</th>
                                <th class="col-md-4">栏目描述</th>
                                <th class="col-md-2">是否启用</th>
                                <th class="col-md-2">操作</th>
                            </tr>
                        </thead>
                        <tbody id="myTbody">

                        </tbody>
                    </table>
                </div>
            </div>
            <!-- 编辑框 -->
            <div id="editColumn">
                <h4>编辑</h4>
                <div class="editColumn_1"><span>栏目名称：</span> <input type="text" id="editColumn_1_inp"></div>
                <div class="editColumn_2"><span>顺序：</span> <input type="text" id="editColumn_2_inp"></div>
                <div class="editColumn_3"><span>描述：</span> <textarea placeholder="请添加栏目的描述，30字以内"
                        id="editColumn_3_inp"></textarea>
                </div>
                <div class="editColumn_4"><button onclick="clickCancel()">取消</button><button
                        id="clickDetermine">确认</button></div>`
            </div>

            <!-- 删除 -->
            <div id="checkShanc">
                <h4><span class="iconfont icon-gantanhao"></span>你确认要删除这些数据信息吗</h4>
                <p><span>删除后将无法恢复</span>，你还要继续吗？</p>
                <button id="checkShanc_01" onclick="deleteSelectedCancel()">取消</button>
                <button id="checkShanc_02">继续</button><!-- onclick="deleteSelectedConfirm()" -->
            </div>

            <!-- 添加 -->
            <div id="addColumn">
                <h4>添加栏目</h4>
                <div class="addColumn_1"><span>栏目名称：</span> <input type="text" id="addColumn_1_inp"></div>
                <div class="addColumn_2"><span>顺序：</span> <input type="text" id="addColumn_2_inp"></div>

                <div class="addColumn_3"><span>描述：</span> <textarea placeholder="请添加栏目的描述，30字以内"
                        id="addColumn_3_inp"></textarea>
                </div>
                <div class="addColumn_4"><button onclick="addToContentCancel()">取消</button><button
                        onclick="addToContenConfirm()">确认</button>
                </div>`
            </div>
        </div>
        <div class="col-md-12" id="one_heise">
            <span class="foot1">大健康综合管理后台</span>
            <span class="foot2">版权所有:@大健康综合(集团)有限公司Meinian Onehealth Healthcare (Group)Co.</span>
            <span class="foot2">沪ICP备09017846号-3沪公网安备31010602006448号</span>
        </div>







        <!-- JS -->
        <script src="../lib/jquery-1.11.3.js"></script>
        <script src="../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
        <script src="../JavaScript/data.js"></script>
        <script src="../JavaScript/zx.js"></script>

        <script>

        </script>

</body>

</html>